<template>
  <div class="container_detail">
    <div class="header">
      <p>订单列表>订单详情</p>
      <el-button class="link" type="primary">
        <router-link :to="{name:'orderList',params: { currentPage: currentPage }}" style="color: #fff;">返回</router-link>
      </el-button>
    </div>
    <div class="main">
      <div style="margin-bottom:30px" class="list">
        <div class="title">订单信息</div>
        <div class="item">
          <div class="item-key">订单编号:</div>
          <div class="item-value">2222  </div>
        </div>
        <div class="item">
          <div class="item-key">进货时间:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">进货经销商:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">订单状态:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">订单金额:</div>
          <div class="item-value">2222</div>
        </div>
      </div>
      <div style="margin-bottom:30px" class="list table">
        <div class="list-item">
          <div class="title">商品信息</div>
          <div class="detail-table">
            <el-table
              :data="tableData"
              :border='true'
            >
              <el-table-column
                :formatter="formatter"
                prop="startTime"
                label="商品"
              ></el-table-column>
              <el-table-column
                :formatter="formatter"
                prop="currentScore"
                label="数量"
              ></el-table-column>
              <el-table-column
                :formatter="formatter"
                prop="testLevel"
                label="经销价"
              ></el-table-column>
              <el-table-column
                :formatter="formatter"
                prop="testLevel"
                label="金额"
              ></el-table-column>
            </el-table>
          </div>
        </div>
      </div>
      <div style="margin-bottom:30px" class="list">
        <div class="title">客供logo定制/备注</div>
        <div class="item">
          <div class="item-key">备注信息:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">客供logo:</div>
          <div class="item-value">
            <img src="" alt="">
          </div>
        </div>
      </div>
      <div style="margin-bottom:30px" class="list">
        <div class="title">收货信息</div>
        <div class="item">
          <div class="item-key">发货类型:</div>
          <div class="item-value">2222  </div>
        </div>
        <div class="item">
          <div class="item-key">发货人:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">发货人电话:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">发货地址:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">收货人:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">收货人电话:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">收获地址:</div>
          <div class="item-value">2222</div>
        </div>
        <div class="item">
          <div class="item-key">物流信息:</div>
          <div class="item-value">2222</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
let CONSTANT = require("../../constant/constant.js");
let common = require("../../common.js");

export default {
  data() {
    return {
      id: "",
      info: "",
      // 返回 导航页码
      currentPage: 1,
      dialogVisible: false,
      pictureUrl: "",
    };
  },
  mounted() {
    this.id = this.$router.currentRoute.query.id;
    this.currentPage = this.$router.currentRoute.query.pageIndex
      ? this.$router.currentRoute.query.pageIndex
      : 1;
    this.getDetail();
  },
  methods: {
    getDetail() {
      let url = CONSTANT.URL.LIST.WORDDETAIL;
      common.requestAjax(url, null, { id: this.id }, res => {
        this.info = res.data.bussData;
      });
    },
    checkImage(url) {
      this.pictureUrl = url;
      this.dialogVisible = true;
    }
  }
};
</script>
<style lang="scss">
</style>

